
    <div class="wrapper-sm">
      <div class="panel panel-default m-b-n-xs" style="border-radius:5px">
        <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
          <div class="m-t-xs m-t-sm">
            <span>设备急修</span>
            <i class="fa fa-angle-right"></i>
            <span>新建工单 </span>
          </div>
        </div>
      </div>
    </div>

    <div class="wrapper-sm" style="font-size:12px">
      <div class="panel panel-default" style="border-radius:5px">
        <div class="panel-body">
          <div class="m-t-n-xs m-b-md" style="text-align:center;color:white;background-color:#56abe4;line-height:50px;font-size:25px">工单编号：-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span >工单状态：报警</span>
          </div>
          <div id="lrzj_x">
            <ul id="timl">
              <li  style="color:orange;background:url('../../../../../assets/img/biggerdot.png') center bottom no-repeat">
                <span>报警</span><br/>
                <span class="icon iconfont icon-jingbaodeng" style="font-size:25px"></span>
              </li>

              <li>
                <span>接警</span><br />
                <span class="icon iconfont icon-yijie" style="font-size:25px;color:gray"></span>
              </li>

              <li>
                <span>到场</span><br />
                <span class="icon iconfont icon-shuniu1" style="font-size:25px;color:gray"></span>
              </li>

              <li>
                <span>完工</span><br />
                <span class="icon iconfont icon-yiqueren" style="font-size:25px;color:gray"></span>
              </li>

              <li  style="color:gray">
                <span>客户确认</span><br />
                <span class="icon iconfont icon-jiazukehub89d30" style="font-size:25px;"></span>
              </li>
            </ul>

            <div class="m-t-sm">
              <span style="margin-left:100px">{{time}}</span>

            </div>
            <div class="panel panel-default m-t-md">
              <div class="panel-heading">
                基本信息
              </div>
              <div class="panel-body">
                <div class="m-l-md m-t-sm" style="font-size:14px;color:#23b7e5 "><b>工单信息</b></div>
                <div class="list-group-item ">
                  <div class="row">
                    <span class="col-sm-6" >工单编号：--</span>

                    <span class="col-sm-6" >报警时间：{{time}}</span>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">报警类型：手动报警</span>
                    <span class="col-sm-6">报&nbsp;&nbsp;&nbsp;警&nbsp;&nbsp;&nbsp;人：{{username}}</span>
                  </div>
                </div>



                <div class="m-l-md m-t-xs" style="font-size:14px;color:#23b7e5 "><b>设备信息</b></div>
                <div class="list-group-item ">
                  <div class="row" >
                        <span class="col-sm-6" >
	                        <form class="form-inline">
                            <label>空压站：</label>
                            <select [(ngModel)]="group" class="kyz" (change)="getDevice()" name="group">
                              <option value="">--请选择空压站名--</option>
                              <option *ngFor="let item of groupData" value="{{item.ds}}">{{item.name}}</option>
                            </select>
                          </form>
                        </span>
                        <span class="col-sm-6" >
                        	<form class="form-inline" >
                            <label>设备编号：</label>
                            <select [(ngModel)]="device" class="dev" (change)="getData()" name="device">
                              <option value="">--请选择设备编号--</option>
                              <option *ngFor="let item of deviceData" value="{{item.id}}">{{item.name}}</option>
                            </select>
                          </form>
                        </span>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">设备品牌：<span class="tls">{{data?.brand}}</span></span>
                    <span class="col-sm-6">产品名称：<span class="tls">{{data?.product_name}}</span></span>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">设备名称：<span class="tls">{{data?.name}}</span></span>
                    <span class="col-sm-6">设备地址：<span class="tls">{{data?.province}}{{data?.city}}{{data?.area}}{{data?.street}}</span></span>
                  </div>
                </div>

                <div class="m-l-md m-t-xs" style="font-size:14px;color:#23b7e5 "><b>维保信息</b></div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">空压站联系人：{{group.split(',')[1]}}</span>
                    <span class="col-sm-6">空压站联系人电话：{{group.split(',')[2]}}</span>
                  </div>
                </div>

                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">维保联系人：<span class="tls">{{data?.wbr}}</span></span>
                    <span class="col-sm-6">维保联系人电话：<span class="tls">{{data?.wbdh}}</span></span>
                  </div>
                </div>
              </div>

            </div>
            <div class="panel panel-default m-t-sm">
              <div class="panel-heading">
                故障描述
              </div>
              <div class="panel-body">
                <div class="list-group-item">
                  <textarea class="form-control" rows="3" [(ngModel)]="des"></textarea>
                </div>

                <div class="list-group-item">
                  <div style="text-align:center;">
                    <a class="btn btn-sm btn-info" (click)="save()">确认</a>
                    <a class="btn btn-sm btn-default" (click)="cancel()">返回</a>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>





